/*=================================================================================================

				Naiyumie Education Center > default_canvas_v8 > multy_class.css
				===============================================================


	[SCREEN - Multy Class Stylesheet]

	e-mail              : naiyumie@gmail.com
	Library Name        : default_canvas_v8
	File Name           : multy_class.css
	Version History     : since_v1 2008.09.07
	                      since_v2 2008.10.02
	                      since_v3 2008.11.26
	                      since_v4 2008.12.01
	                      since_v5 2008.12.19 (refublished)
	                      since_v6 2009.03.06
	                      since_v7 2009.06.08
	                      since_v8 2009.08.24
	                      since_v9 2010.11.22 (remarking)
	                      since_v9 2010.11.28 (n_tbl object update)
	                      since_v9 2010.11.30 (n_tbl object update)

	Copyright           : (C) 2008~2009 Naiyumie:Design
	Licence             : Creative Commons(CC)
	Author              : Naiyumie:Design

	Line Endings        : Use Windows Line Ending(CRLF) for Multi-platform
	Encording           : utf-8 & ANSI

	This stylesheet are Creative Commons, Do not remove comment.
	이 스타일시트는 자유 배포가 가능하며, 주석을 삭제 하지 않기를 바랍니다.

=================================================================================================*/

/*=================================================================================================

	Multy Class

=================================================================================================*/


/*  폰트 프로퍼티 */
.font_bold{font-weight:bold !important;}
.font_default{font:normal 12px/16px 'Dotum'}


/* 백그라운드컬러, 보더등 내가 어디위치에 있는지 알려줍니다. RGB 순서로 설계 되었습니다.*/
.bgr{background-color:red !important;} .bgg{background-color:green !important;} .bgb{background-color:blue !important;} .bgn{background-color:white !important; background-image:none !important;}
.borderr{border:1px solid red !important;} .borderg{border:1px solid green !important;} .borderb{border:1px solid blue !important;} .borders{border:1px solid silver !important;}
.border0{border:0px !important;}


/* 포지셔닝, 플로트와 디스플레이 오버플로우 텍스트 얼라인 클리어부분을 제어합니다. */
.fl{float:left !important;} .fr{float:right !important;} .fn{float:none !important;}
.db{display:block !important;} .di{display:inline !important;} .dn{display:none !important;} .dib{display:inline-block !important;}
.ofh{overflow:hidden !important;} .ofa{overflow:auto !important;} .ofv{overflow:visible !important;} .ofs{overflow:scroll !important;}
.overflows{overflow-y:auto !important;overflow-x:hidden !important;}
.tal{text-align:left !important;} .tar{text-align:right !important;} .tac{text-align:center !important;}
.cl{clear:left !important;} .cr{clear:right !important;} .cb{clear:both !important;}
.ps{position:static !important;} .pr{position:relative !important;} .pa{position:absolute !important;} .pf{position:fixed !important;}
.tablef{table-layout:fixed !important;}


/* 각종 유용한 오브젝트. */
.curp{cursor:pointer !important;}
.cura{cursor:auto !important;}
.defaultButton{display:block;width:15px;height:15px;border:1px solid black;}
.center{margin: 0 auto !important;}
.wmatch{width:95% !important;}
.wauto{width:auto !important;} .hauto{height:auto !important;}
.wfull{width:100% !important;} .hfull{height:100% !important;}
.whalf{width:50% !important;} .hhalf{height:50% !important;}
.mp0{margin:0;padding:0 !important;} .m0{margin:0 !important;} .p0{padding:0 !important;}
.casket{float:left;display:block;_display:inline;overflow:hidden !important;}
.df{display:block;float:left;_display:inline !important;}
.tn{text-decoration:none !important;} .tu{text-decoration:underline !important;} .to{text-decoration:overline !important;} .tl{text-decoration:line-through !important;}
.smallElement{width:1px;height:1px;display:block;float:left;_display:inline;overflow:hidden;}


/* 텍스트 인덴트 조절*/
.ti0{text-indent:0px !important;}
.ti1{text-indent:1px !important;}
.ti3{text-indent:3px !important;}
.ti5{text-indent:5px !important;}
.ti7{text-indent:7px !important;}
.ti9{text-indent:9px !important;}
.ti10{text-indent:10px !important;}
.ti20{text-indent:20px !important;}
.ti30{text-indent:30px !important;}
.ti40{text-indent:40px !important;}
.ti50{text-indent:50px !important;}
.mti{text-indent:-999em !important;}

.height5{height:5px !important;}
.height10{height:10px !important;}

/* ie6을 위한 오브젝트 */
.ie_di{_display:inline !important;} /* trident를 위한 멍청한ie6 */
.ie_img{line-height:1% !important; font-size:1% !important;} /* trident를 위한 ie6에서 img 단독 사용시 버그해결 */
.ie_texture{_line-height:15px !important; _vertical-align:middle !important;}


/* List-style */
.list_decimal{list-style:decimal !important;} .list_square{list-style:square !important;} .list_disc{list-style:disc !important;}
.list_circle{list-style:circle !important;}


/* 마진과 패딩 관련 다중클래스는 시계방향으로 디자인 되었습니다.
	CW    : top right bottom left
	단위  : 1,3,5,7,9,10,15,20,30,40,50,60,70,80,90,100,110 */


/* 마진 */
.mart1{margin-top:1px !important;}   .mart3{margin-top:3px !important;}   .mart5{margin-top:5px !important;}
.mart7{margin-top:7px !important;}   .mart9{margin-top:9px !important;}   .mart10{margin-top:10px !important;}
.mart15{margin-top:15px !important;} .mart20{margin-top:20px !important;} .mart30{margin-top:30px !important;}
.mart40{margin-top:40px !important;} .mart50{margin-top:50px !important;} .mart60{margin-top:60px !important;}
.mart70{margin-top:70px !important;} .mart80{margin-top:80px !important;} .mart90{margin-top:90px !important;}
.mart100{margin-top:100px !important;} .mart110{margin-top:110px !important;} .mart120{margin-top:120px !important;}

.marr1{margin-right:1px !important;}   .marr3{margin-right:3px !important;}   .marr5{margin-right:5px !important;}
.marr7{margin-right:7px !important;}   .marr9{margin-right:9px !important;}   .marr10{margin-right:10px !important;}
.marr15{margin-right:15px !important;} .marr20{margin-right:20px !important;} .marr30{margin-right:30px !important;}
.marr40{margin-right:40px !important;} .marr50{margin-right:50px !important;} .marr60{margin-right:60px !important;}
.marr70{margin-right:70px !important;} .marr80{margin-right:80px !important;} .marr90{margin-right:90px !important;}
.marr100{margin-right:100px !important;} .marr110{margin-right:110px !important;} .marr120{margin-right:120px !important;}

.marb1{margin-bottom:1px !important;}   .marb3{margin-bottom:3px !important;}   .marb5{margin-bottom:5px !important;}
.marb7{margin-bottom:7px !important;}   .marb9{margin-bottom:9px !important;}   .marb10{margin-bottom:10px !important;}
.marb15{margin-bottom:15px !important;} .marb20{margin-bottom:20px !important;} .marb30{margin-bottom:30px !important;}
.marb40{margin-bottom:40px !important;} .marb50{margin-bottom:50px !important;} .marb60{margin-bottom:60px !important;}
.marb70{margin-bottom:70px !important;} .marb80{margin-bottom:80px !important;} .marb90{margin-bottom:90px !important;}
.marb100{margin-bottom:100px !important;} .marb110{margin-bottom:110px !important;} .marb120{margin-bottom:120px !important;}

.marl1{margin-left:1px !important;}   .marl3{margin-left:3px !important;}   .marl5{margin-left:5px !important;}
.marl7{margin-left:7px !important;}   .marl9{margin-left:9px !important;}   .marl10{margin-left:10px !important;}
.marl15{margin-left:15px !important;} .marl20{margin-left:20px !important;} .marl30{margin-left:30px !important;}
.marl40{margin-left:40px !important;} .marl50{margin-left:50px !important;} .marl60{margin-left:60px !important;}
.marl70{margin-left:70px !important;} .marl80{margin-left:80px !important;} .marl90{margin-left:90px !important;}
.marl100{margin-left:100px !important;} .marl110{margin-left:110px !important;} .marl120{margin-left:120px !important;}


/* 마이너스 마진 */
.mmart1{margin-top:-1px !important;}   .mmart3{margin-top:-3px !important;}   .mmart5{margin-top:-5px !important;}
.mmart7{margin-top:-7px !important;}   .mmart9{margin-top:-9px !important;}   .mmart10{margin-top:-10px !important;}
.mmart15{margin-top:-15px !important;} .mmart20{margin-top:-20px !important;} .mmart30{margin-top:-30px !important;}
.mmart40{margin-top:-40px !important;} .mmart50{margin-top:-50px !important;}

.mmarr1{margin-right:-1px !important;}   .mmarr3{margin-right:-3px !important;}   .mmarr5{margin-right:-5px !important;}
.mmarr7{margin-right:-7px !important;}   .mmarr9{margin-right:-9px !important;}   .mmarr10{margin-right:-10px !important;}
.mmarr15{margin-right:-15px !important;} .mmarr20{margin-right:-20px !important;} .mmarr30{margin-right:-30px !important;}
.mmarr40{margin-right:-40px !important;} .mmarr50{margin-right:-50px !important;}

.mmarb1{margin-bottom:-1px !important;}   .mmarb3{margin-bottom:-3px !important;}   .mmarb5{margin-bottom:-5px !important;}
.mmarb7{margin-bottom:-7px !important;}   .mmarb9{margin-bottom:-9px !important;}   .mmarb10{margin-bottom:-10px !important;}
.mmarb15{margin-bottom:-15px !important;} .mmarb20{margin-bottom:-20px !important;} .mmarb30{margin-bottom:-30px !important;}
.mmarb40{margin-bottom:-40px !important;} .mmarb50{margin-bottom:-50px !important;}

.mmarl1{margin-left:-1px !important;}   .mmarl3{margin-left:-3px !important;}   .mmarl5{margin-left:-5px !important;}
.mmarl7{margin-left:-7px !important;}   .mmarl9{margin-left:-9px !important;}   .mmarl10{margin-left:-10px !important;}
.mmarl15{margin-left:-15px !important;} .mmarl20{margin-left:-20px !important;} .mmarl30{margin-left:-30px !important;}
.mmarl40{margin-left:-40px !important;} .mmarl50{margin-left:-50px !important;}


/* 패딩 */
.padt1{padding-top:1px !important;} .padt3{padding-top:3px !important;} .padt5{padding-top:5px !important;}
.padt7{padding-top:7px !important;} .padt9{padding-top:9px !important;}

.padr1{padding-right:1px !important;} .padr3{padding-right:3px !important;} .padr5{padding-right:5px !important;}
.padr7{padding-right:7px !important;} .padr9{padding-right:9px !important;}

.padb1{padding-bottom:1px !important;} .padb3{padding-bottom:3px !important;} .padb5{padding-bottom:5px !important;}
.padb7{padding-bottom:7px !important;} .padb9{padding-bottom:9px !important;}

.padl1{padding-left:1px !important;} .padl3{padding-left:3px !important;} .padl5{padding-left:5px !important;}
.padl7{padding-left:7px !important;} .padl9{padding-left:9px !important;}


/*width*/
.w10{width:10px !important;} .w20{width:20px !important;} .w30{width:30px !important;}
.w40{width:40px !important;} .w50{width:50px !important;} .w60{width:60px !important;}
.w70{width:70px !important;} .w80{width:80px !important;} .w90{width:90px !important;}


/*height*/
.h10{height:10px !important;} .h20{height:20px !important;} .h30{height:30px !important;}
.h40{height:40px !important;} .h50{height:50px !important;} .h60{height:60px !important;}
.h70{height:70px !important;} .h80{height:80px !important;} .h90{height:90px !important;}


/*letterspacing*/
.letter1{letter-spacing: -1px !important;}
.letter2{letter-spacing: -2px !important;}
.letter3{letter-spacing: -3px !important;}


/*color*/
.font_white{font:normal 12px/16px 'Dotum' !important; color:white !important;}
.font_silver{font:normal 12px/16px 'Dotum' !important; color:silver !important;}
.font_gray{font:normal 12px/16px 'Dotum' !important; color:gray !important;}
.font_green{font:normal 12px/16px 'Dotum' !important; color:green !important;}
.font_red{font:normal 12px/16px 'Dotum' !important; color:red !important;}
.font_blue{font:normal 12px/16px 'Dotum' !important; color:mediumblue !important;}
.font_black{font:normal 12px/16px 'Dotum' !important; color:black !important;}

/*=================================================================================================

	Object Tools

=================================================================================================*/
/*스크롤바 조정*/
.sc1{ scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#fff; scrollbar-face-color:#efefef; scrollbar-shadow-color:#fff; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff; scrollbar-arrow-color:#c3c3c3; } /*비표준*/
.sc2{ scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#e5e5e5; scrollbar-face-color:#fff; scrollbar-shadow-color:#fff; scrollbar-darkshadow-color:#e5e5e5; scrollbar-track-color:#fff; scrollbar-arrow-color:#e5e5e5; } /*비표준*/
.sc3{ scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#eff3f7; scrollbar-face-color:#efefef; scrollbar-shadow-color:#fff; scrollbar-darkshadow-color:#eff3f7; scrollbar-track-color:#eff3f7; scrollbar-arrow-color:#c3c3c3; } /*비표준*/
.sc4{ scrollbar-highlight-color:rgb(239,239,239); scrollbar-3dlight-color:rgb(211,212,211); scrollbar-face-color:rgb(239,239,239); scrollbar-shadow-color:rgb(211,212,211); scrollbar-darkshadow-color:rgb(228,228,228); scrollbar-track-color:rgb(239,239,239); scrollbar-arrow-color:rgb(10,97,189); } /*비표준*/
.sc5{ scrollbar-highlight-color:rgb(239,239,239); scrollbar-3dlight-color:rgb(211,212,211); scrollbar-face-color:rgb(255,255,255); scrollbar-shadow-color:rgb(211,212,211); scrollbar-darkshadow-color:rgb(228,228,228); scrollbar-track-color:rgb(255,255,255); scrollbar-arrow-color:rgb(10,97,189); } /*비표준*/

/*포커스 테두리 없애기*/
.nonefocus{-moz-outline: none; outline: none; ie-dummy: expression(this.hideFocus=true);}/* 비표준 */

/*hinge_element*/
.hinge{height:20px;display:block;float:left;width:100%;}

/*png24 클래스*/
.png24{ tmp:expression(Png24Util.setPng24(this)); }

/*error*/
.error_page{background-color:black;font:normal 12px/16px 'Dotum' border:1px solid #00ff00; color:#00ff00}
.error_page h4{font:normal 14px/16px 'Verdana'}
.error_page ul li{font:normal 12px/16px 'Verdana';}
.error_page strong{font:bold 12px/16px 'Verdana'}

/*tbl*/
.tbl{border-collapse:collapse; padding:0;margin:0;border-color:#CFCFCF; border-style:solid; border-width:1px; clear:both;width:100%;}
.tbl th{height:28px;font:bold 12px/16px 'dotum';color:#484848;background-color:#F6F6F6;}
.tbl td{height:28px;font:normal 12px/16px 'dotum';color:#484848;text-align:left;text-indent:10px;border-top:1px solid #CFCFCF;}
.tbl .th{font:bold 12px/16px 'dotum';background-color:#F6F6F6;}
.tblt{font:normal 12px/30px 'dotum';color:#484848;background:url('/img/tbltbg.png') 0 0 repeat-x;height:30px;text-indent:10px;overflow:hidden;}
.tblh{font:normal 12px/30px 'dotum';color:#484848;height:30px;text-indent:10px;overflow:hidden;}



/*common_button_size*/
.cbtn_s{background:url('/img/cbtn_small.png') 0 0 no-repeat; height:25px;width:42px;display:inline-block;font:normal 12px/26px 'dotum';text-align:center;cursor:pointer;color:#393939;text-indent:0;}
.cbtn_m{background:url('/img/cbtn_middle.png') 0 0 no-repeat; height:25px;width:67px;display:inline-block;font:normal 12px/26px 'dotum';text-align:center;cursor:pointer;color:#393939;text-indent:0;}
.cbtn_l{background:url('/img/cbtn_large.png') 0 0 no-repeat; height:25px;width:76px;display:inline-block;font:normal 12px/26px 'dotum';text-align:center;cursor:pointer;color:#393939;text-indent:0;}
.cbtn_xl{background:url('/img/cbtn_xlarge.png') 0 0 no-repeat; height:25px;width:84px;display:inline-block;font:normal 12px/26px 'dotum';text-align:center;cursor:pointer;color:#393939;text-indent:0;}
.cbtn_xxl{background:url('/img/cbtn_xxlarge.png') 0 0 no-repeat; height:25px;width:100px;display:inline-block;font:normal 12px/26px 'dotum';text-align:center;cursor:pointer;color:#393939;text-indent:0;}


.btn_s{background:url('/img/cbtn_small.png') !important;margin-top:2px;display:inline-block;height:25px;width:42px; border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible;}
.btn_m{background:url('/img/cbtn_middle.png') !important;margin-top:2px;display:inline-block;height:25px;width:67px; border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible;}
.btn_l{background:url('/img/cbtn_large.png') !important;margin-top:2px;display:inline-block;height:25px;width:76px; border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible;}
.btn_xl{background:url('/img/cbtn_xlarge.png') !important;margin-top:2px;display:inline-block;height:25px;width:84px; border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible;}
.btn_xxl{background:url('/img/cbtn_xxlarge.png') !important;margin-top:2px;display:inline-block;height:25px;width:100px; border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible;}

.inp{border:1px solid silver;height:21px;font-family:'dotum';display:inline-block;text-indent:5px;padding:0;}

.msgbox{border:1px solid silver;width:100%;background-color:#F6F6F6;font-family:'dotum';display:inline-block;margin-top:5px;}
.msgbox p{font:normal 12px/16px 'dotum';margin:5px;}